<!DOCTYPE html>
<html lang="zh">
	<head>
		<title>走进江北</title>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="../../css/iconfont.css" />
		<link rel="stylesheet" href="../../css/media.css" />
		<link rel="stylesheet" href="../../css/iconfont.css">
		<link rel="stylesheet" href="../../css/normalize.css">
		<link rel="stylesheet" href="../../css/bootstrap.min.css">
		<link rel="stylesheet" href="../../css/swiper.min.css">
		<link rel="stylesheet" href="../../css/style.css">
	</head>
	<body>
		<div class="header">
			<a href="javascript:void(0);" class="logo"><img src="../../img/index/logo@2x.png"></a>
			<div class="menu"><span></span><span></span><span></span></div>
		</div>
		<div class="naver">
			<div class="search">
				<form action="zh/m-search-results.html" method="get">
					<input placeholder="搜索..." name="keywords">
					<input class="a" type="submit" value="">
				</form>
			</div>
			<!-- indexer::stop -->
			<nav class="mod_navigation block">
				<a href="javascript:void(0);" class="invisible"></a>
				<ul class="navigation">
					<li class="active first">
						<a href="javascript:void(0);" class="active first" role="menuitem">未知</a>
					</li>
					<li class="submenu sibling">
						<div>未知<span></span></div>
						<ul>
							<li class="first"><a href="javascript:void(0);" class="first" role="menuitem">未知</a></li>
							<li><a href="javascript:void(0);" role="menuitem">未知</a></li>
							<li><a href="javascript:void(0);" role="menuitem">未知</a></li>
							<li class="last"><a href="javascript:void(0);" class="last" role="menuitem">未知</a></li>
						</ul>
					</li>
					<li class="submenu sibling">
						<div>未知<span></span></div>
						<ul>
							<li class="first"><a href="javascript:void(0);" class="first" role="menuitem">未知</a></li>
							<li><a href="javascript:void(0);" role="未知">机床技术</a></li>
							<li class="last"><a href="javascript:void(0);" class="last" role="menuitem">未知</a></li>
						</ul>
					</li>
					<li class="submenu sibling">
						<div>未知<span></span></div>
						<ul>
							<li class="first"><a href="javascript:void(0);" class="first" role="menuitem">未知</a></li>
							<li><a href="javascript:void(0);" role="menuitem">未知</a></li>
							<li class="last"><a href="javascript:void(0);" class="last" role="menuitem">未知</a></li>
						</ul>
					</li>
					<li class="submenu sibling">
						<div>未知<span></span></div>
						<ul>
							<li class="first"><a href="javascript:void(0);" class="first" role="menuitem">未知</a></li>
							<li><a href="javascript:void(0);" role="menuitem">未知</a></li>
							<li class="last"><a href="javascript:void(0);" class="last" role="menuitem">未知</a></li>
						</ul>
					</li>
					<li class="submenu sibling">
						<div>未知<span></span></div>
						<ul>
							<li class="first"><a href="javascript:void(0);" class="first" role="menuitem">未知</a></li>
							<li class="last"><a href="javascript:void(0);" class="last" role="menuitem">未知</a></li>
						</ul>
					</li>
					<li class="sibling last"><a href="javascript:void(0);" class="sibling last" role="menuitem">未知</a></li>
				</ul>
				<a class="invisible">&nbsp;</a>
			</nav>
			<!-- indexer::continue -->
		</div>
		<div class="index">
			<div class="mod_article first last block" id="article-571">
				<div class="swiper-container banner">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<a href="javascript:void(0);"><img src="../../file/img/banner_1@2x.png"></a>
						</div>
						<div class="swiper-slide">
							<h2></h2>
							<h3></h3>
							<a href="javascript:void(0);"><img src="../../file/img/banner_1@2x.png"></a>
						</div>
					</div>
					<div class="swiper-button-next"></div>
					<div class="swiper-button-prev"></div>
				</div>
				<div class="model bg1 business_area">
					<h2>走进新区</h2>
					<ul>
						<li>
							<a href="detail.html"><img src="../../file/img/title_1@2x.png"></a>
							<p>新区概况</p>
						</li>
						<li>
							<a href="detail-ecology.html"><img src="../../file/img/title_2@2x.png"></a>
							<p>生态人文</p>
						</li>
						<li>
							<a href="detail-industry.html"><img src="../../file/img/title_3@2x.png"></a>
							<p>产业发展</p>
						</li>
					</ul>
				</div>
				<!-- indexer::stop -->
				<div class="model join_us">
					<h2> 员工风采</h2>
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<div class="z">
									<img src="../../file/img/join_us_img@2x.png">
									<div class="detail">
										<p class="p"> 姓名</p>
										<p class="p"> 工作成绩</p>
									</div>
									<div class="a"></div><a></a>
								</div>
								<div class="f fz">
									<p>未知</p>
								</div>
							</div>
							<div class="swiper-slide">
								<div class="z">
									<img src="../../file/img/join_us_img@2x.png">
									<div class="detail">
										<p class="p"> 姓名</p>
										<p class="p"> 工作成绩</p>
									</div>
									<div class="a"></div><a></a>
								</div>
								<div class="f fz">
									<p>未知</p>
								</div>
							</div>
							<div class="swiper-slide">
								<div class="z">
									<img src="../../file/img/join_us_img@2x.png">
									<div class="detail">
										<p class="p"> 姓名</p>
										<p class="p"> 工作成绩</p>
									</div>
									<div class="a"></div><a></a>
								</div>
								<div class="f fz">
									<p>未知</p>
								</div>
							</div>
						</div>
					</div>
					<div class="swiper-pagination"></div>
				</div>
				<!-- indexer::continue -->
				<div class="model investor_relations_bg">
					<h2> 我们的江北</h2>
					<div class="stock">
						<img src="../../file/img/usjb@2x.png">
					</div>
					<ul class="selectbox2">
						<li class="selected" id="home_bottom_li"> <a> 大事记</a>
							<!--<span class="home_bottom_icon_arrow"></span>-->
						</li>
						<!--<li><a> </a><span class="home_bottom_icon_arrow"></span></li>-->
						<!--<li><a> </a><span class="home_bottom_icon_arrow"></span></li>-->
						<ul class="style1">
							<li>
								<a href="javascript:void(0);">
									<div class="rec"></div>
									<div class="home_list_subtitle">规划面积788平方公里
										<!--<span class="home_list_inner_ext"> PDF</span>-->
									</div>
									<span class="web-list-date"> 2018-01-12</span>
								</a>
							</li>
							<li>
								<a href="javascript:void(0);">
									<div class="rec"></div>
									<div class="home_list_subtitle">规划面积788平方公里</div>
									<span class="web-list-date"> 2018-01-12</span>
								</a>
							</li>
							<li>
								<a href="javascript:void(0);">
									<div class="rec"></div>
									<div class="home_list_subtitle">规划面积788平方公里</div>
									<span class="web-list-date"> 2018-01-12</span>
								</a>
							</li>
							<li>
								<a href="javascript:void(0);">
									<div class="rec"></div>
									<div class="home_list_subtitle">规划面积788平方公里</div>
									<span class="web-list-date"> 2018-01-12</span>
								</a>
							</li>
							<li>
								<a href="javascript:void(0);">
									<div class="rec"></div>
									<div class="home_list_subtitle">规划面积788平方公里</div>
									<span class="web-list-date"> 2018-01-12</span>
								</a>
							</li>
							<!--<a href="javascript:void(0);" class="btn1"> 查看全部</a>-->
						</ul>
						<!--<ul class="style1">-->
						<!--<li>-->
						<!--<a href="javascript:void(0);">-->
						<!--<div class="home_list_subtitle">2017年度业绩报告<span class="home_list_inner_ext"> PDF</span></div>-->
						<!--<span class="web-list-date">2018.04.18</span>-->
						<!--</a>-->
						<!--</li>-->
						<!--</ul>-->
						<!--<ul class="style1">-->
						<!--<li>-->
						<!--<a href="javascript:void(0);">-->
						<!--<div class="home_list_subtitle">2016年度业绩<span class="home_list_inner_ext"> PDF</span></div>-->
						<!--<span class="web-list-date">2017.04.05</span>-->
						<!--</a>-->
						<!--</li>-->
						<!--</ul>-->
					</ul>
				</div>
				<!-- End #Home Join Us -->
				<!-- Start #vedio -->
				<div class="model vedio">
					<h2> 视频展示</h2>
					<video  id="vedio">
						<source src="https://pic.ibaotu.com/00/07/52/236888piC8Nn.mp4_10s.mp4" type="video/ogg" />
					</video>
					<div class="playshow">
						<img src="../../img/index/play@2x.png" onclick="play()"/>
						<span>视频展示内容</span>
					</div>
					<a href="javascript:void(0);" class="more"><img src="../../img/index/more@2x.png"/></a>
				</div>
				<!-- End #vedio -->
				<!-- Start #map -->
				<div class="model map">
					<h2> 区位地图</h2>
					<div id="map"></div>
					<div class="large">查看大图</div>
				</div>
				<!-- End #map -->
			</div>
		</div>
		<div class="footer">
			<h3>联系我们</h3>
			<p><i class="iconfont icon-xingzhuang3"></i>地址：南京市江北新区药谷大道9号</p>
			<p><i class="iconfont icon-wangzhi"></i>网址：www.njna.gov.cn</p>
			<p><i class="iconfont icon-dianhua"></i>电话：025-88029391</p>
			<p><i class="iconfont icon-youxiang font_14"></i>邮箱：jbxqxmt@njna.gov.cn</p>
			<div class="border"></div>
			<ul>
				<li>
					<a href="javascript:void(0);">
						<img src="../../img/index/site@2x.png"/>
						<span>官网</span>
					</a>
				</li>
				<li>
					<a href="javascript:void(0);">
						<img src="../../img/index/chat@2x.png"/>
						<span>微信</span>
					</a>
				</li>
				<li>
					<a href="javascript:void(0);">
						<img src="../../img/index/webo@2x.png"/>
						<span>新浪微博</span>
					</a>
				</li>
				<li>
					<a href="javascript:void(0);">
						<img src="../../img/index/new@2x.png"/>
						<span>今日头条</span>
					</a>
				</li>
			</ul>
		</div>
		<script src="../../js/jquery.min.js"></script>
		<script src="../../js/bootstrap.min.js"></script>
		<script src="../../js/swiper.jquery.min.js"></script>
		<script src="../../js/main.min.js"></script>
		<script src="http://api.map.baidu.com/api?v=2.0&ak=vsMLGkXn7hxplTCa1K0cWZTKkuNlfptg"></script>
		<script type="text/javascript">
			// 百度地图API功能
			var map = new BMap.Map("map");
			map.centerAndZoom(new BMap.Point(118.7175685858,32.1702858310),17);
			map.enableScrollWheelZoom(true);

			map.clearOverlays();
			var new_point = new BMap.Point(118.7175685858,32.1702858310);
			var marker = new BMap.Marker(new_point);  // 创建标注
			map.addOverlay(marker);              // 将标注添加到地图中
			map.panTo(new_point);
			var playNum = 0
			function play(){
				playNum++;
				playNum % 2 == 1? $('video').trigger('play') : $('video').trigger('pause')
			}
		</script>
	</body>
</html>
